/*public*/
a {
    cursor: pointer;
}

a:hover {
    text-decoration: none;
}

/*td表格垂直居中*/
td {
    vertical-align: middle !important;
}

/*鼠标手*/
.cursor-pointer {
    cursor: pointer;
}

.text-center {
    text-align: center !important;
}

.text-left {
    text-align: left !important;
}

.text-green {
    color: #29b078 !important;
}

.text-red {
    color: #ff3032 !important;
}

.font-red {
    background-color: #ff3032;
}

.font-gray {
    background-color: #b5b5b5;
}

.font-yellow {
    background-color: #ff6f00;
}

.color-green {
    color: #00bb78;
}

.color-orange {
    color: #ff6f00;
}

.color-blue {
    color: #4082f4;
}

.color-gray {
    background-color: #b5b5b5;
}

.width10 {
    width: 10% !important;
}

.width20 {
    width: 20% !important;
}

.width30 {
    width: 30% !important;
}

.width40 {
    width: 40% !important;
}

.width50 {
    width: 50% !important;
}

.width10 {
    width: 10% !important;
}

.width60 {
    width: 60% !important;
}

.width70 {
    width: 70% !important;
}

.width80 {
    width: 80% !important;
}

.width90 {
    width: 90% !important;
}

.font-bold {
    font-weight: bold;
}

.color-000 {
    color: #000 !important;
}

.navbar {
    margin: 0;
}

.dropdown-toggle {
    cursor: pointer;
}

.form-search .form-group {
    margin-top: 10px;
}

.form-search label {
    width: 7em;
}

.role-tree {
    padding: 0 0 0 16px;
}

.role-tree li {
    padding-top: 7px;
    line-height: 24px;
}

.role-tree-child {
    list-style: none;
}

.role-tree-child li {
    padding-top: 0;
}

.role-tree input {
    margin-right: 5px;
}
.mg-right-0 {
    margin-right: 0!important;
}
.mg-left-2 {
    margin-left: 20px;
}

.pd-top-2 {
    padding-top: 20px;
}

.mg-bottom-1 {
    margin-bottom: 10px;
}

.mg-top-30 {
    margin-top: 30px;
}

.mg-top--10 {
    margin-top: -10px;
}

.pd-top-2 {
    padding-top: 20px;
}

.pd-left-0 {
    padding-left: 0 !important;
}

.pd-right-0 {
    padding-right: 0 !important;
}
.padding0 {
    padding: 0;
}
.line {
    width: 100%;
    height: 1px;
    background-color: #eee;
}

.border-top-1px {
    border-top: 1px solid #eee;
}

/*颜色*/
.red {
    color: #ff3934;
}

/*input框重置*/
input[type=number] {
    -moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* alert */
.modal-backdrop.am-fade {
    opacity: .5;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;

}

.ng-enter {
    opacity: 0;

}

.ng-enter-active {
    opacity: .5;
}

.ng-leave {
    opacity: .5;

}

.ng-leave-active {
    opacity: 0;
}

/* skill tree */
.tree-act {
    display: block;
    line-height: 24px;
}

.tree-act:hover .tree-btn {
    display: inline-block;
}

.tree-btn {
    display: none;
}

/* label */
.control-p {
    margin: 7px 0 0 0;
}

/*a链接*/
.decoration-none:hover {
    text-decoration: none;
}

/* dnd list */
[dnd-list] .dndPlaceholder {
    display: block;
    margin: 0 0 10px 0;
    background-color: #eee;
    min-height: 34px;
    border-radius: 5px;
}

.tab-input-addon {
    background: transparent;
    border-right: none;
    border-radius: 4px 0 0 4px;
}

.tab-input {
    border-left: none;
    border-radius: 0 4px 4px 0;
}

.vertical-middle {
    vertical-align: middle !important;
}

/*时间选择框*/
.dropdown-menu {
    width: 260px !important;
}

/*推出班级按钮*/
.out-class-input {
    margin: 10px 0 10px 25px;
}

.out-class-input input {
    vertical-align: sub;
    margin-right: 5px;
}

/*薪资待遇*/
.salery-suffix {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.salery-suffix > span {
    width: 0;
    margin-left: -2rem;
}

/*用户详情页*/
/*薪资*/
@media (min-width: 992px) {
    .salaryLow {
        padding-left: 0;
        padding-right: 25px;
    }

    .salaryHigh {
        padding-left: 25px;
        padding-right: 0;
    }

    .salaryLow-icon {
        margin-right: 10px;
    }

    .salaryHigh-icon {
        margin-right: -15px;
    }
}

@media (max-width: 991px) {
    .salaryLow {
        padding-left: 0;
        /*padding-right: 25px;*/
    }

    .salaryHigh {
        padding-left: 0;
        /*padding-right: 0;*/
    }
}

/*用户管理-用户列表*/

.click-recommendCount {
    cursor: pointer;
    color: #0000ff;
}

.recommendCount-zero {
    color: #707070;
}

/* div table */
.divTable {
    display: table;
    width: 100%;
    font-size: 14px;
}

.divTableRow {
    display: table-row;
}

.divTableRow:nth-child(odd) {
    background: #f9f9f9;
}

.divTableHeading {
    display: table-header-group;
    text-align: center;
    font-weight: bolder;
}

.divTableCell, .divTableHead {
    border: 1px solid #ddd;
    display: table-cell;
    padding: 7px 10px;
}

.divTableHeading {
    display: table-header-group;
    font-weight: bold;
}

.divTableFoot {
    display: table-footer-group;
    font-weight: bold;
}

.divTableBody {
    display: table-row-group;
}

.divTable .handle {
    cursor: move;
}

.margin-10 {
    margin-bottom: 10px;
}

.iconfont-icon {
    width: 18px;
    height: 18px;
    color: #000;
    font-weight: bold;
    fill: currentColor;
    overflow: hidden;
}

/*card模块样式*/
.card-receiver span {
    display: inline-block;
    margin-left: 20px;

}

.card-receiver-img {
    display: inline-block;
    width: 70px;
    height: 70px;
    border: white solid 1px;

}

.card-receiver-img img {
    border-radius: 35px;
    width: 100%;
    height: 100%;
}

/*原子类*/
.w100 {
    width: 100px;
}

.wrap-btn {
    float: left;
    margin: 2px 4px;
}

.mg-top-5 {
    margin-top: 5px;
}
.mg-top-10 {
    margin-top: 10px;
}
.mg-top-15 {
    margin-top: 15px;
}

.mg-top-20 {
    margin-top: 20px;
}

.mg-left-30 {
    margin-left: 30px;
}

.ta-right {
    text-align: right;
}
#ta-left {
    text-align: left;
}

.ver-align-middle {
    vertical-align: middle !important;
}

/*隐藏*/
.hide {
    visibility: hidden;
}

/*flex*/
.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.flex-center {
    -ms-flex-line-pack: center;
    align-content: center;
}

.flex-around {
    justify-content: space-around;
}

/*//////阶段列表页的表格相关/////*/
.contentrank {
    /*margin: 0;*/
    padding: 0;
    width: 100%;
    overflow-x: hidden;
    list-style: none;
    line-height: 1.42857143;
    border-top: 1px solid #ccc;
}

.contentrank > li {
    margin-top: -1px;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid #ccc;
}

.contentrank > li > span {
    box-sizing: border-box;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 24px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    word-break:break-all;
    white-space: normal;
}

.contentrank > li:nth-child(2n+1) {
    background: #f9f9f9;
}
.rank1-10{
    width: 10.7%;
    /*white-space: nowrap!important;*/
}
.rank-16{
    width: 16.66%;
}
.rank-12{
    width: 12.2%;
}
.rank-15{
    width: 15%;
}
.rank-25{
    width: 25%;
}
.margin-7-left{
    margin-left: -3px;
}
.rank1 {
    width: 20%;
    /*min-width: 30px;*/
}

.rank2 {
    width: 20%;
    /*min-width: 45px;*/
}

.rank3 {
    width: 30%;
    white-space: normal;
    /*min-width: 70px;*/
}

.rank4 {
    width: 30%;
    /*min-width: 150px;*/
}

.contentrank .head-div span {
    font-weight: 600;
    border-bottom:solid 2px #ccc;
}
/*/////////阶段列表页的表格结束//////////*/

.area-span {
    margin-top: -20px;
    margin-right: 20px;
}
.pd-b-20{
    padding-bottom: 20px;
}

/*下划线*/
.underline {
	text-decoration: underline;
}
